<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://www.bilibili.com" target="_blank">
    用户名：<input type="text" name="username" placeholder="用户名"
               maxlength="5"><!--             value="abc" readonly--> <br>


    密码：<input type="password" name="password" placeholder="密码"><br>
    性别：<input type="radio" name="gender" checked value="m" id="r1">
    <label for="r1">男</label>
    <input type="radio" name="gender" value="w" id="r2">
    <label for="r2">女</label><br>

    爱好： <input type="checkbox" name="hobby" value="hj">喝酒
    <input type="checkbox" checked name="hobby" value="tt">烫头
    <input type="checkbox" name="hobby" value="cy">抽烟<br>
    生日：<input type="date"><br>
    文件选择器<input type="file" name="pic"><br>
    身份选择：
    <select name="person">
        <option>曹操</option>
        <option selected>刘备</option>
        <option>孙权</option>
    </select><br>
    <input type="submit" value="注册"><br>
    <!---自定义-->
    <button type="button">按钮</button>
    <button type="submit">提交</button>
    <button type="reset">重置</button>


</form>
</body>
</html>